/*
Abacus specific CSS    
*/
#top_container_sleeve {
max-width: 980px;
margin: 0 auto;
padding: 0 16px;
}
@media (max-width: 970px) {
#top_container_sleeve {
    padding: 0 12px;
}
}    


/*
Style the masthead margins
- This is to ensure the masthead padding display consistently across all devices.
- The masthead is the top part of the page that contains the Grocer logo and search box.
*/

@media screen and (min-width: 1024px) {
.masthead .mast {
    padding: 15px 12px 19px;
}
}

@media (min-width: 729px) and (max-width: 1024px) {
.masthead .mast {
    padding-left: 16px;
    padding-right: 16px;
}
}    

/*
End Abacus specific CSS
*/

/*
Answer block header styling:
    - This is the header that appears at the top of the answer page.
    - These elements are seperate from Miso and are not part of the Miso OTB.
*/

#ia-answerpage-header {
    background: linear-gradient(236deg, #FFF 20%, #f9f9f9 100%);
    border: 2px solid #009995;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 32px 24px 0 24px;
    position: relative;
    margin-bottom: 0;
    border-radius: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width: 100%;
}

#ia-answerpage-header .ia-logo-and-intro .ia-intro-title {
    color: var(--rw-miso-title-font-color);
    font-family: var(--rw-miso-title-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.28px;
    padding: 0;
    margin: 0px 0 9px 0;
}

#ia-answerpage-header .ia-logo-and-intro p {
    max-width: 665px;
    color: var(--miso-text-color);
    font-family: var(--rw-miso-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    padding: 0;
    margin: 0;        
}

/*
    The learn more button on the answer page header
    - This is the button that appears on the right hand side of the header.
    - On mobile devices, the button is hidden and replaced with a link in the text.
*/

#ia-answerpage-header span.ia-learn-more-desktop {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
    padding: 8px 10px 7px 10px;
    display: inline-flex;
    height: fit-content;
    color: #000;
    font-family: 'klavikaRegular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-transform: lowercase;
    margin-top: -5px;
    text-decoration: none;
}


/*
    Mobile specific styles for the answer page header
    - This is to ensure the header displays correctly on mobile devices.
*/

@media (max-width: 970px) {

    #ia-answerpage-header {
        flex-direction: column;
        margin-bottom: 0;
        padding: 28px 16px 0 16px;
    }
    #ia-answerpage-header .ia-logo-and-intro {          
        gap: 16px;
    }
    #ia-answerpage-header .ia-logo-and-intro svg {
        min-width: fit-content;
    }

    #ia-answerpage-header .ia-logo-and-intro .ia-intro-title {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px;
        text-align: left;
    }
    #ia-answerpage-header .ia-logo-and-intro p {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }
    #ia-answerpage-header span.ia-learn-more-desktop {
        position: absolute;
        right: 16px;
        top: 16px;
        margin: 0;
    }
    #ia-answerpage-header a.ia-learn-more-mobile {
        display: inline-block;
    }        

    .miso-search-box .miso-search-box__input {
        padding-left: 16px;
    }
}

/*
    Restyling the Miso OTB elements
*/

/*
    Root variable overrides
*/

:root {

    --miso-border-color-light: rgba(0, 0, 0, 0.2);
    --miso-border-color-medium: rgba(0, 0, 0, 0.65);
    --miso-text-color: rgba(68,68,68,1.0);
    --miso-text-color-gray: #747474;
    --miso-feedback-color: #747474;
    --miso-feedback-color-helpful: rgba(38, 180, 93, 1)!important;

    --miso-feedback-background-helpful-hover: rgba(38, 180, 93, 0.2);
    --miso-feedback-color-helpful-hover: rgba(38, 180, 93, 1);             
    --miso-feedback-background-unhelpful-hover: rgba(215, 38, 61, 0.2);
    --miso-feedback-color-unhelpful-hover: rgba(215, 38, 61, 1);

    --miso-ask-combo-content-spacing: 24px 0 24px;
    --miso-ask-combo-content-padding: 0 0 0 0;
    --miso-ask-combo-section-spacing: 3rem;
    
    --miso-box-shadow-hover: 0 0 3px rgba(0, 0, 0, 0.1);
    
    --miso-option-list-background: #f9f9f9;
    --miso-option-list-font-size: 16px;
    --miso-option-list-line-height: 24px;          

    --miso-mark-background: rgba(244,91,36,0.1);

    --miso-ask-combo-related-resources-background: #f9f9f9;

    --rw-miso-title-font: "klavikaRegular", Helvetica, Arial;
    --rw-miso-title-font-color: #000000;
    --rw-miso-sub-title-font: Arial, Helvetica, sans-serif;
    --rw-miso-body-font: Arial, Helvetica, sans-serif;

}



/*
    General elements
*/

.miso-search-box {
    background-image: url(https://wvc_resources.william-reed.com/miso/uat/answers_page/assets/ia-logo-small-rw.svg);
    background-repeat: no-repeat;
    padding-left: 58px;
}

#miso-ask-combo .miso-list mark {
    font-weight: normal;
}

.miso-search-box .miso-search-box__button > .miso-ui-icon {
    color: #909090;
}

.miso-search-box .miso-search-box__button:hover > .miso-ui-icon {
    color: #222222;
}

.misoDisclaimer {        
    background: #f9f9f9;
    border-radius: 16px;
    font-family: arial;
    font-size: 12px;
    line-height: 16px;
    padding: 20px;
}

/*
    Ask combo box
*/

#miso-ask-combo .miso-ask-combo__section.miso-ask-combo__answer {
    padding-top: 32px;
}

#miso-ask-combo .miso-ask-combo__section.miso-ask-combo__question {
    background: linear-gradient(236deg, #FFF 20%, #f9f9f9 100%);
    border-bottom-left-radius: 16px;
    border: 2px solid #009995;
    border-bottom-right-radius: 16px;
    border-top: 0;
    padding: 20px 24px 32px;
}


/* You asked... */
#miso-ask-combo .miso-ask-combo__phrase.miso-ask-combo__question-phrase {
    color: var(--miso-text-color);
    font-family: var(--rw-miso-sub-title-font);
    font-size: 18px;
    font-style: normal;
    line-height: 18px; 
    letter-spacing: -0.18px;
    padding: 0;
    margin: 0 0 11px 0;
}

#miso-ask-combo .miso-ask-combo__section {
    padding: var(--miso-ask-combo-content-spacing);
}

/*
    What the user asked heading
*/

#miso-ask-combo .miso-text {
    color: var(--rw-miso-title-font-color);
    font-family: var(--rw-miso-title-font);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px; /* 80% */
    letter-spacing: -0.4px;
    margin: 0 32px 24px 0;
    padding: 0 0 0 0;
}

/*
    The answer summary text elements
*/

#miso-ask-combo .miso-markdown p {
    color: var(--miso-text-color);
    font-family: var(--rw-miso-body-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
}

#miso-ask-combo .miso-markdown ul, #miso-ask-combo .miso-markdown ol {
    color: var(--miso-text-color);
    font-family: var(--rw-miso-body-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    margin: 0 0 20px 36px;
    padding: 0 0 0 0;
}


/*
    This reply is based on...
*/

#miso-ask-combo h3.miso-ask-combo__phrase {
    color: var(--rw-miso-title-font-color);
    font-family: var(--rw-miso-title-font);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 114.286% */
    letter-spacing: -0.28px;
    margin: 0 0 34px 0;
    padding: 0 0 0 0;
}

/*
    List of articles the answer is based on
*/

#miso-ask-combo .miso-list .miso-list__item-info-container {
    margin-top: 0;
}         

#miso-ask-combo .miso-list ol.miso-list__list[data-item-type=article] {
    margin: 0 0 0 0;
}

#miso-ask-combo .miso-list ol.miso-list__list[data-item-type=article] li {
    border-radius: 16px;
}

#miso-ask-combo .miso-list .miso-list__item-cover-image-container {
    border-radius: 0;
    width: 160px;
}

#miso-ask-combo .miso-list img.miso-list__item-cover-image {
    object-fit: contain;
    height: auto;
    width: 100%;
    max-width: 100%;
    border-style: none;
    border-radius: 8px;
}

#miso-ask-combo .miso-list .miso-list__item-title {
    color: var(--rw-miso-title-font-color);
    font-family: var(--rw-miso-title-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.2px;
    margin: 4px 0 5px 0;
    padding: 0 0 0 0;
}

#miso-ask-combo .miso-list .miso-list__item-date {
    color: var(--miso-text-color-gray);
    font-family: var(--rw-miso-sub-title-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.16px;  
    margin: 0 0 8px 0;
    padding: 0 0 0 0;            
}        

#miso-ask-combo .miso-list .miso-list__item-snippet {
    color: var(--miso-text-color);
    font-family: var(--rw-miso-body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#miso-ask-combo .miso-option-list .miso-option-list__option {
    color: var(--miso-text-color);
    font-size: var(--miso-option-list-font-size);
    line-height: var(--miso-option-list-line-height);
    margin-bottom: 0;
}

#miso-ask-combo .miso-ask-combo__query-suggestions-container + .miso-ask-combo__query-container, .miso-ask-combo .miso-ask-combo__query-suggestions-container + .miso-ask-combo__query-container {
    margin-top: 32px;
    margin-bottom: 8px;
}        

#miso-ask-combo .miso-ask-combo__related-resources {
    border-radius: 16px;
    background: var(--miso-ask-combo-related-resources-background);
    padding: 0 2rem;
    margin-bottom: 48px;
} 

#miso-ask-combo h2.miso-ask-combo__phrase {
    color: var(--rw-miso-title-font-color);
    font-family: var(--rw-miso-title-font);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 114.286% */
    letter-spacing: -0.28px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.miso-ask-combo__related-resources-container.miso-circled-citation-index {
    padding-top: 12px;
}

/*
    A HR that displays on the follow-up section
*/

#miso-ask-combo .miso-ask-combo__follow-up .miso-ask-combo__answer-container > hr:first-child {
    margin-bottom: 24px;
}

@media (max-width: 768px) {

    #miso-ask-combo .miso-text {
        font-size: 32px;
        line-height: 36px;
    }

    #miso-ask-combo h3.miso-ask-combo__phrase {
        font-size: 26px;
        line-height: 30px;
    }

    #miso-ask-combo .miso-ask-combo__sources-container {
        padding: 0 0 0 0;
    }
    #miso-ask-combo .miso-ask-combo__related-resources {
        padding: 0 16px 0 16px;
    }

    #miso-ask-combo .miso-list .miso-list__item-cover-image-container {
        width: 90px
    }

    #miso-ask-combo .miso-ask-combo__section.miso-ask-combo__question {
        padding: 20px 16px 32px 16px !important;
    }

}
/*
   FAQ Accordion
*/
.custom-full-width-container {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.custom-full-width-container .columnContainer {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.grid .custom-full-width-container .column > * {
	margin-bottom: 0;
}

.content-wrapper {
	margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
	.custom-full-width-container .columnContainer {
		padding-right: 20px;
		padding-left: 20px;
	}
}

        .padding-bottom-small {
            padding-block-end: 1rem
        }

        .padding-y-large {
            padding-block-start: 4rem;
            padding-block-end: 4rem
        }

        .margin-bottom-medium {
            margin-block-end: 2rem
        }

        .section-full-width {
            width: 100%
        }

        .bg-grey-light {
            background: #2727270d
        }

        .font-large {
            font-size: 2.375rem
        }

        .font-medium {
            font-size: 1.5rem
        }

        .font-regular {
            font-size: 1.125rem;
            line-height: 1.75rem
        }


        .text-grey-100 {
            color: #151515
        }

        .text-black {
            color: #000
        }

        .text-black-222 {
            color: #222
        }

        .text-grey-224 {
            color: #22222280
        }

        .text-grey-700 {
            color: #fff9
        }

        .text-centered {
            text-align: center
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .section-contained {
            max-width: 1200px;
            margin: 0 auto
        }

        .section-split {
            align-items: center;
            gap: 2rem;
            display: grid;
            grid-template-columns: 1fr 1fr
        }

        .flex {
            display: flex
        }

        .flex-column {
            flex-direction: column
        }

        .flex-justify-center {
            justify-content: center
        }

        .flex-align-end {
            align-items: flex-end
        }

        .flex-center-all {
            justify-content: center;
            align-items: center
        }

        .section-padding,
        .second-section-padding-new {
            padding-inline-start: 0;
            padding-inline-end: 0;
            padding-block-start: 4rem;
            padding-block-end: 4rem
        }

        .section-padding-new {
            padding-inline-start: 1.5rem;
            padding-inline-end: 1.5rem;
            padding-block-start: 3.9375rem;
            padding-block-end: 5rem
        }

        .faq-section {
            padding-block-start: 3.125rem;
            padding-block-end: 4.375rem
        }

        .faq-section .faq-intro {
            padding-block-end: 3.625rem;
            align-items: flex-start;
        }

        .faq-section .faq-intro .section-title,
        .faq-section .faq-intro p {
            margin-top: 0
        }
        .faq-section .faq-intro p {
            padding-top: 10px;
        }

        .faq-section .faq-intro .section-title,
        .faq-section .faq-intro h2 {
            line-height: 1.2;
            margin-bottom: 0
        }

        .section-contents--copy {
            margin-bottom: 1rem
        }

        .section-title {
            font-size: 2.375rem;
            margin-bottom: 1rem
        }

        .section-title-new {
            font-family: "KlavikaRegular", sans-serif;
            font-size: 48px/*2.375rem*/;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -.0475rem;
            margin-top: 0;
            margin-bottom: .4375rem
        }

        .section-subtitle {
            font-size: 1.5rem;
            margin-bottom: 1rem
        }

        .section-subtitle-new {
            font-family: "KlavikaRegular", sans-serif;
            font-style: normal;
            font-weight: 450;
            line-height: 2.25rem;
            margin-top: 0;
            margin-bottom: 2.1875rem
        }

        .section-intro {
            font-size: 1rem
        }

        .section-intro-new {
            max-width: 574px;
            font-family: "KlavikaRegular", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 450;
            line-height: 1.875rem;
            margin: 0 0 24px 0;
        }

        .section-intro-last-new {
            margin-bottom: 0
        }

        .section-contents--ctas {
            display: flex
        }

        .section-contents--copy {
            margin-bottom: 0
        }



        @media (min-width: 769px) and (max-width: 2600px) {
            .section-split-third-margin-bottom {
                gap: 48px;
            }
            .tutorial-left {
                min-height: 570px
            }
            .section-split-right.tutorial-right {
                height: 100%;
                justify-content: flex-start;
            }
        }        

        .list-custom-counter {
            counter-reset: item;
            list-style: none;
            padding: 0
        }

        .list-custom-counter li {
            counter-increment: item;
            position: relative
        }

        .list-custom-counter li:before {
            content: "No. " counter(item);
            position: absolute;
            left: 0;
            font-weight: 700;
            font-family: "KlavikaRegular", sans-serif;
            font-size: 18px;
            text-align: left;
            top: 26px
        }

        .section-split-third-margin-bottom {
            margin-bottom: 18px
        }


        @keyframes progress {
            0% {
                transform: scaleX(0)
            }

            to {
                transform: scaleX(1)
            }
        }

        .accordion {
            background-color: transparent;
            list-style-type: none;
            padding: 0;
            margin-block-start: 0;
            flex-direction: column;
        }

        .accordion:after {
            display: none !important;
        }

        .accordion.active, .accordion:hover{
            background-color: transparent;
        }

        .accordion-item {
            border-bottom: 1px solid lightgrey;
        }

        .accordion-item p {
            padding-right: 40px;
        }

        .accordion-item:first-of-type {
            border-top: 1px solid lightgrey
        }

        .accordion-item-content {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows .2s ease-in-out;
            max-width: 981px;
        }

        .accordion-item-content-wrapper {
            overflow: hidden
        }

        .accordion-item-content-wrapper>div :first-child {
            margin-top: 0
        }

        .accordion-item-button {
            position: relative;
            border: none;
            font-size: 1.5rem;
            font-family: arial;
            font-weight: bold;
            width: 100%;
            padding: 1.6875rem 0rem 1.6875rem 0;
            text-align: left;
            text-transform: initial;
            background: transparent;
            cursor: pointer;
            color: #15151580
        }

        .accordion-item-button:hover {
            color: #151515;
            background: transparent
        }

        .accordion-item-button:focus {
            outline-style: none;
            color: #151515;
            background: transparent
        }

        .accordion-item-button:before,
        .accordion-item-button:after {
            position: absolute;
            z-index: 100;
            font-size: 2rem;
            line-height: 2rem;
            font-family: KlavikaRegular,arial, sans-serif;
            font-weight: 400;
            right: 1rem;
            transition: transform .2s ease
        }

        .accordion-item-button:before {
            content: "+";
            transform: scaleY(1)
        }

        .accordion-item-button:after {
            content: "\2212";
            transform: scaleY(0)
        }

        .accordion-item.open .accordion-item-button {
            color: #151515
        }

        .accordion-item.open .accordion-item-content {
            grid-template-rows: 1fr
        }

        .accordion-item.open .accordion-item-button:before {
            transform: scaleY(0)
        }

        .accordion-item.open .accordion-item-button:after {
            transform: scaleY(1)
        }

        .flex-align-items-baseline {
            align-items: baseline
        }

        .section-intro-message {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: 1.875rem;
            margin-top: 0;
            margin-bottom: 2.5rem
        }

        .flex-order-mobile {
            order: unset
        }

        .faq-section-title {
            font-family: klavikaRegular, Arial, sans-serif;
            font-size: 38px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.76px;
        }

        .faq-item-line-break {
            display: none;
        }

        .accordion-item-button-margin-bottom {
            margin-bottom: 0px;
        }

        @media (max-width: 768px) {



            .section-padding {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 3.9375rem
            }

            .section-padding-new {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 20px;
                padding-block-end: 28px;
            }

            .second-section-padding-new {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 1.5rem;
                padding-block-end: 1.5rem
            }
				
				
				  .video-section.second-section-padding-new {
                padding-block-start: 1.5rem;
                padding-block-end: 1.5rem
				 }				

            .third-section-padding-mobile {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 3rem
            }
				
				

            .small-text-left {
                text-align: left
            }

            .tutorial-section {
                grid-template-columns: 1fr
            }

            .tutorial-titles {
                margin-block-end: 3rem
            }

            .tutorial-item {
                padding-block-start: 1.0625rem;
                padding-block-end: 1.0625rem;
                padding-inline-start: 4.5rem;
                padding-inline-end: .625rem;
                margin-bottom: 0;
                justify-content: stretch;
                text-align: left
            }

            .tutorial-item .item-text {
                font-size: 1.25rem;
                line-height: 26px;
                letter-spacing: -.4px
            }

            .list-custom-counter li:before {
                top: 21px
            }

            .tutorial-images {
                height: 300px;
                position: sticky;
                top: 82px;
                margin-block-end: 1rem;
                z-index: 1;
            }

            .section-split {
                gap: 0
            }

            .tutorial-section .section-split,
            .hero-section.section-split,
            .faq-section .section-split,
            .section-split {
                grid-template-columns: 1fr
            }

            .hero-section {
                flex-direction: column-reverse
            }

            .faq-section .section-split-right {
                align-items: flex-start
            }

            .faq-section .section-split-right h2 {
                font-size: 1.875rem
            }

            .faq-section .section-split-right p {
                text-align: left;
                width: 100%
            }

            .faq-section .section-split-left {
                margin-bottom: 12px
            }

            .faq-section .section-split-left h2 {
                font-size: 1.875rem
            }

            .faq-section .accordion-item-button {
                padding-block-start: 18px;
                padding-block-end: 18px;
                font-size: 1.25rem;
                padding-right: 24px;
            }

            .faq-section .accordion-item-button #text {
                width: 304px
            }

            .faq-section .font-regular {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .padding-bottom-small {
                padding-block-end: 0
            }

            .section-intro-new {
                max-width: 100%
            }

            .section-title-new {
                font-size: 36px;
                font-weight: 450;
                line-height: 38px;
                text-align: left;
                margin-bottom: 9px;
            }

            .section-subtitle-new {
                font-size: 24px;
                font-weight: 450;
                line-height: 32px;
                text-align: left;
                margin-bottom: 2.25rem
            }

            .section-intro-new {
                font-size: 18px;
                font-weight: 450;
                line-height: 27px
            }

            .section-intro-message {
                font-size: 1.125rem;
                font-style: normal;
                line-height: 26px;
                margin-bottom: 0;
                margin-top: 0
            }

            .section-intro-last-new {
                margin-bottom: 0
            }

            .flex-order-mobile {
                order: 1
            }

            .video-placeholder {
                margin-left: 0
            }

            .faq-item-line-break {
                display: block;
            }

            .faq-section-title {
                color: #000;
                font-family: ff-unit-slab-web;
                font-size: 30px;
                font-weight: 700;
                line-height: 36px;
                letter-spacing: -0.3px;
            }
        }

        a {
            color: #367c81;
        }


        @media (min-width: 769px) and (max-width: 1024px) {
            .section-padding {
                padding-inline-start: 4rem;
                padding-inline-end: 4rem;
                padding-block-start: 4rem;
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 4rem
            }

            .margin-bottom-medium {
                margin-block-end: 1rem
            }


            .section-split {
                gap: 0
            }

            .faq-section .section-split-right {
                align-items: flex-start
            }

            .faq-section .section-split-right p {
                text-align: left
            }

            .section-intro-new {
                max-width: 100%
            }

            .section-intro-last-new {
                margin-bottom: 1.875rem
            }

            .flex-order-mobile {
                order: 1
            }

        }

        @media (min-width: 1025px) and (max-width: 1220px) {
            .section-title {
                line-height: initial
            }

            .section-padding {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 4rem
            }

            .hero-section .section-contents--copy {
                width: 100%
            }

            .section-intro-new {
                max-width: 100%
            }

            .section-intro-last-new {
                margin-bottom: 1.875rem
            }

            .flex-order-mobile {
                order: unset
            }

        }